<template>
  <div class="pd-x20">
    <mt-button class="mg-x5" type="primary" @click="modalC.show=true">弹窗</mt-button>
    <div class="pd-y20 fs-20">
      <div>svg图标：</div>
      <icon-svg class="fs-20" i="i-maoshan"></icon-svg>
      <icon-svg class="fs-30" i="i-xiaomianao"></icon-svg>
      <icon-svg class="fs-40" i="i-close"></icon-svg>
    </div>
    <modal :c="modalC">
      <div class="pd-f20 ta-c">
        <div class="fs-24 mg-t20">我是弹窗</div>
        <mt-button class="mg-x5 mg-t20" type="primary" @click="modalC.show=false">关闭</mt-button>
      </div>
    </modal>
  </div>
</template>

<script>
import modal from '@/components/modal'
import iconSvg from '@/components/icon-svg'
export default {
  props: {

  },
  components: {
    modal,
    iconSvg
  },
  data() {
    return {
      modalC: {
        show: false,
      }
    }
  },
  computed: {

  },
  created() {

  },
  mounted() {

  },
  watch: {

  },
  methods: {

  },
}
</script>

<style scoped lang="scss">
.i,
.is {
  height: 1em;
  width: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>
